<!--
 * @Description: * 我的收藏
 * @Date: 2021-01-04 21:06:30
 * @LastEditTime: 2021-01-04 22:01:26
 * @Author: Ji YingHao
 * @FilePath: /nuxt-app/components/keep.vue
-->
<template>
  <div class="keep">
    <Row style="font-weight: 600">
        <Col span="16" class="vip_2">收藏内容</Col>
      <Col span="4" class="vip_1">收藏时间</Col>
      
      <Col span="4" class="vip_2">操作</Col>
    </Row>
    <Row v-for="(item, index) in list" :key="index">
        <Col span="16" class="vip_2">
        <nuxt-link
          :to="{ name: 'personalCenter', params: { name: '我的资料' } }"
          style="line-height: 30px"
        >
          {{ item.name }}
        </nuxt-link>
      </Col>
      <Col span="4" class="vip_1">{{ item.time }}</Col>
      
      <Col span="4" class="vip_2">
        <Button type="primary" shape="circle" icon="ios-search">删除</Button>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  name: "keep",
  components: {},
  data() {
    return {
      list: [
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
        {
          name: "禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件",
          time: "2021-01-02 19:42:41",
        },
      ],
    };
  },
  computed: {},
  mounted: function () {},
  methods: {},
};
</script>
<style lang="scss">
.keep {
  padding-top: 50px;
  padding-bottom: 90px;
  .vip_1 {
    text-align: right;
    padding-bottom: 15px;
  }
  .vip_2 {
    text-align: left;
    padding-left: 30px;
    padding-bottom: 15px;
  }
}
</style>